<!DOCTYPE html>
<html>
<head>
	<title>课程体系</title>
	<style type="text/css">
	*{
		height: 100%;
		width: 100%;
		margin:0;
		padding: 0;
		position: relative;
	}
	
	
	#root{
		display: flex;
		flex-flow:wrap;
		width: 1000px;
		margin: 0 auto ;
	}
	#foot{
		height: 100px;
		text-align: center;
	}
	#head{
		height: 100px;
	}
	#mid{
		display: flex;
	}
	.box{
		overflow: hidden;
	}
	.mid{
		
	}
	#left{
		width: 300px;
	}
	#right{
		width: 700px;
	}
	</style>
</head>
<body>
<div id=root>
	
	<div id="head" class="box">
		<a href="font/wuziqi/index.html">五子棋</a>
	</div>
	<div id="mid" >
		<div id="left" class="mid" class="box"></div>
	<div id="right" class="mid" class="box"></div>
	</div>
	<div id="foot" class="box">
		<p>
			mill老师的主页
		</p>

	</div>
</div>
<script type="text/javascript">
	
	async function getNum(argument) {
		var a =10;
		await setTimeout(function (argument) {
			a=100;
		}, 1000);
		return a;
	}
	console.log(getNum())
	
</script>

</body>
</html>